.main {
  background: #f5f5f5;
  padding: 22px 0;
}

.main .banner3 {
  display: block;
}

.main .banner3 img {
  width: 100%;
  display: block;
}

.main .sc {
  margin-top: 10px;
}

.main .sc-top {
  height: 58px;
  width: 100%;
  line-height: 58px;
  display: flex;
  justify-content: space-between;
}

.sc-more .iconfont {
  background: #aaa;
  width: 20px;
  height: 20px;
  display: inline-block;
  line-height: 20px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  /* vertical-align: -2px; */
}

.sc-more:hover .iconfont {
  background: #ff6700;
}

.main .sc-container {
  display: flex;
}

.main .sc-container .sc-item-first {
  width: 234px;
  height: 614px;
  margin-right: 14px;
}

.main .sc-container .sc-item-first a {
  display: block;
}

.main .sc-container .sc-item-first a img {
  width: 100%;
  display: block;
}

.main .sc-container .sc-item-list {
  flex: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 14px;
}

.main .sc-container .sc-item-list a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
}
.main .sc-container .sc-item-list a img {
  display: block;
  width: 160px;
  height: 160px;
}

.sc-desc {
  font-size: 12px;
  color: #b0b0b0;
  margin-top: 3px;
  margin-bottom: 10px;
}

.sc-price {
  color: #ff6700;
}

.sc-name {
  margin-top: 20px;
  color: #333;
}
